<template>
    <div class="flooPage">
        <div class="hosSerach">
            <img src="@/assets/img/search.png" alt="" class="hosSerach_img1 hosSerach_img">
            <input type="text" placeholder="请输入科室名" v-model="searchValue" @focus="getBlur">
            <img src="@/assets/img/delete@2x.png" alt="" class="hosSerach_img2 hosSerach_img"
                v-if="searchValue.length > 0" @click="searchValue = ''">
        </div>
        <div class="navMain">
            <img class="img" v-for="(item, index) in list" :src="item.src" @click="show(index)"
                v-if="index == ffValue" />
            <div class="navMain_floor">
                <div class="navMain_floor_item" v-for="(item, index) in floorList" @click="switchFloor(item.name)"
                    :class="{ 'navMain_floor_item_active': item.name == selectName }">
                    {{ item.name }}
                </div>
            </div>

        </div>
        <previewer :list="imgList" ref="previewer" :options="options" @on-index-change="logIndexChange"></previewer>
    </div>
</template>
<script>
import { Previewer } from "vux";
export default {
    components: {
        Previewer,
    },
    data() {
        return {
            searchValue: "",
            selectName: "1F",
            ffValue: 0,
            floorList: [
                {
                    name: "1F",
                    id: "1F"
                },
                {
                    name: "2F",
                    id: "2F"
                },
                {
                    name: "3F",
                    id: "3F"
                },
                {
                    name: "4F",
                    id: "4F"
                },
                {
                    name: "5F",
                    id: "5F"
                },
                {
                    name: "6F",
                    id: "6F"
                },
                {
                    name: "7F",
                    id: "7F"
                },
                {
                    name: "8F",
                    id: "8F"
                },
                {
                    name: "9F",
                    id: "9F"
                }
            ],
            list: [
                {
                    msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                    src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                },
            ],
            imgList: [
                {
                    msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                    src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                },
            ],
            ffList: [],
            options: {
                getThumbBoundsFn(index) {

                },
            },
        }
    },
    created() {
        if (window.localStorage.getItem("floorName")) {
            this.selectName = window.localStorage.getItem("floorName")
            this.ffValue = parseInt(window.localStorage.getItem("ffValue"))
            switch (this.selectName) {
                case "1F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-7.png",
                        },
                    ];
                    break;
                case "2F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-7.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-8.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-8.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-9.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-9.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-10.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-10.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-11.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-11.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-13.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-13.png",
                        },
                    ];

                    break;
                case "3F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-7.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-8.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-8.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-9.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-9.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-10.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-10.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-11.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-11.png",
                        },
                    ];

                    break;
                case "4F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-7.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-8.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-8.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-9.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-9.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-10.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-10.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-11.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-11.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-12.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-12.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-13.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-13.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-14.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-14.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-15.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-15.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-16.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-16.png",
                        },
                    ];


                    break;
                case "5F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-4.png",
                        },

                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-5.png",
                        },
                    ];

                    break;
                case "6F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-3.png",
                        },
                    ];

                    break;
                case "7F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-4.png",
                        },
                    ];

                    break;
                case "8F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-6.png",
                        },
                    ];

                    break;
                case "9F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-6.png",
                        },
                    ];

                    break;

                default:
                    break;
            }
            this.imgList = []
            this.imgList.push(this.list[this.ffValue])
        }
    },
    methods: {
        getBlur() {
            this.$router.push({
                path: "/floor_search"
            })
        },
        switchFloor(name) {
            this.selectName = name
            this.ffValue = 0
            window.localStorage.setItem("ffValue", this.ffValue)
            window.localStorage.setItem("floorName", this.selectName)
            switch (name) {
                case "1F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-7.png",
                        },
                    ];
                    break;
                case "2F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-7.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-8.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-8.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-9.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-9.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-10.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-10.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-11.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-11.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-13.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-13.png",
                        },
                    ];

                    break;
                case "3F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-7.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-8.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-8.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-9.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-9.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-10.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-10.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-11.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-11.png",
                        },
                    ];

                    break;
                case "4F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-6.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-7.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-7.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-8.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-8.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-9.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-9.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-10.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-10.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-11.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-11.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-12.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-12.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-13.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-13.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-14.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-14.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-15.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-15.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-16.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-16.png",
                        },
                    ];


                    break;
                case "5F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-4.png",
                        },

                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-5.png",
                        },
                    ];

                    break;
                case "6F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-3.png",
                        },
                    ];

                    break;
                case "7F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-4.png",
                        },
                    ];

                    break;
                case "8F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-3.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-6.png",
                        },
                    ];

                    break;
                case "9F":
                    this.list = [
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-1.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-1.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-2.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-2.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-3.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-5.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-5.png",
                        },
                        {
                            msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-6.png",
                            src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-6.png",
                        },
                    ];

                    break;

                default:
                    break;
            }
            this.imgList = []
            this.imgList.push(this.list[this.ffValue])
        },
        logIndexChange(arg) {
            console.log(arg);
        },

        show(index) {
            this.$refs.previewer.show(0);
        },
    },
}
</script>
<style scoped>
.flooPage {
    height: 100vh;
    overflow-y: scroll;
    background-color: #F2F5F8;
}

.hosSerach {
    width: calc(100% - 2rem);
    height: 3.125rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    position: relative;
}

.hosSerach input {
    width: 100%;
    background: #FFFFFF;
    border-radius: 1.125rem;
    height: 2.1875rem;
    background-color: #fff;
    padding: 0 2.1875rem;
    border: none;
    outline: none;
    font-size: 0.8125rem;
}

.hosSerach_img {
    width: 1.0625rem;
    height: 1.0625rem;
    position: absolute;
    top: 1.0625rem;
}

.hosSerach_img1 {

    left: 1.75rem;
}

.hosSerach_img2 {

    right: 1.75rem;
}

.navMain {
    height: calc(100vh - 5.125rem);
    background-color: #FFFFFF;
    padding: 1rem;
}

.navMain img {
    width: 100%;
    margin-bottom: 0.9375rem;

}

.navMain_floor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.navMain_floor .navMain_floor_item {
    width: calc((100% - 1.875rem) / 4);
    height: 2.06rem;
    background: #F2F5F8;
    border-radius: 0.19rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #3F4551;
    margin-bottom: 10px;
}

.navMain_floor .navMain_floor_item_active {
    background-color: #4890FF;
    color: #fff;
}
</style>
